<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>HaoJueTrace个人主页</title>
<!-- Meta Data -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="format-detection" content="telephone=no"/>
       <meta name="format-detection" content="address=no"/>   
        
            <!-- Styles -->
	<link rel="stylesheet" type="text/css" href="assets/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="assets/demo/style-demo.css"/>
    <!--<link rel="stylesheet" type="text/css" href="assets/styles/style-dark.css" />-->
</head>
<body>
    <!-- Preloader -->
    <div class="preloader">
	    <div class="preloader__wrap">
		    <div class="circle-pulse">
                <div class="circle-pulse__1"></div>
                <div class="circle-pulse__2"></div>
            </div>
		    <div class="preloader__progress"><span></span></div>
		</div>
	</div>

 <main class="main">
	    <!-- Header Image -->
		<div class="header-image">
		    <div class="js-parallax" style="background-image: url(这里你可填头部背景图 超链接模式);"></div>
		</div>
		
	    <div class="container gutter-top">
		    <!-- Header -->
		    <header class="header box">
			    <div class="header__left">
				    <div class="header__photo">
					    <img class="header__photo-img" src="https://blog.jianyp.top/wp-content/uploads/2023/05/20190104211217_FdASa.jpeg" alt="Ronald Robertson">
					</div>
					<div class="header__base-info">
					    <h4 class="title titl--h4">Hello I'M  <b> HaoJueTrace</b></h4><p>
						<div class="status">漫山遍野你的脸庞  唯有遗忘最漫长</div>
				
					</div>
				</div>
				<div class="header__right">
				    <ul class="header__contact">
					    <li><span class="overhead">邮箱</span>hj580231@126.com</li>
							<li><span class="overhead">地址</span>中国-广东广州</li>
					</ul>
				</div>
			</header>
			
		    <div class="row sticky-parent">
			<!-- Sidebar nav -->
                <aside class="col-12 col-md-12 col-lg-2">
				    <div class="sidebar box sticky-column">
	                    <ul class="nav">
                            <li class="nav__item"><a href="index.html"><i class="icon-user"></i>主页</a></li>
							<li class="nav__item"><a class="active" href="resume.html"><i class="icon-file-text"></i>经历</a></li>
                            <li class="nav__item"><a href="photo.html"><i class="icon-codesandbox"></i>相册</a></li>
                            
                        </ul>
					</div>
		        </aside>
					<!-- Content -->
		        <div class="col-12 col-md-12 col-lg-10">
				    <div class="box box-content">
					    <div class="pb-2">
		                    <h1 class="title title--h1 first-title title__separate">经历</h1>
					    </div>
						
						<!-- Experience -->
						<div class="row">
						
					
								
							<div class="col-12">
									<!-- Item -->
									<article class="timeline__item">
									    <h5 class="title title--h5 timeline__title">无</h5>
										<span class="timeline__period">2023-至今</span>
										<p class="timeline__description">无</p>
									</article>
                                        <!-- 我真的服啦 这sb老板一天天是不是吃咸菜吃多了 闲着蛋疼啊 -->
									<!-- Item -->
									<article class="timeline__item">
									    <h5 class="title title--h5 timeline__title">无</h5>
										<span class="timeline__period">20123-至今</span>
										<p class="timeline__description">无</p>
									</article>
                                        
									<!-- Item -->
									<article class="timeline__item">
									    <h5 class="title title--h5 timeline__title">无</h5>
										<span class="timeline__period">2023-至今</span>
										<p class="timeline__description">无</p>
									</article>
								</div>
							</div>
						
						
						<!-- Skills -->
						<div class="row">
							<div class="col-12">
						        <h2 class="title title--h3">技能</h2>
								<div class="box box__border">
									<!-- Progress -->
									<div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
											<div class="progress-text"><span>kubernetes</span><span>80%</span></div>
										</div>
										<div class="progress-text"><span>kubernetes</span></div>
                                    </div>
										
									<!-- Progress -->
									<div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
											<div class="progress-text"><span>openstack</span><span>70%</span></div>
										</div>
										<div class="progress-text"><span>openstack</span></div>
                                    </div>
										
									<!-- Progress -->
									<div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
											<div class="progress-text"><span>python开发</span><span>50%</span></div>
										</div>
										<div class="progress-text"><span>python开发</span></div>
                                    </div>
										
									<!-- Progress -->
									<div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
											<div class="progress-text"><span>linux运维</span><span>100%</span></div>
										</div>
										<div class="progress-text"><span>linux运维</span></div>
                                    
								
                           
						
					<div class="swiper-pagination"></div>
                            </div>
					
						
		</div></div>



						<div class="swiper-pagination"></div>
							</div>
						</div>
					
					
					<!-- Footer -->
					<footer class="footer">COPYRIGHT © 2023 HAOJUETRACE. ALL RIGHTS RESERVED.</br><a class="footer" href="https://beian.miit.gov.cn">
粤ICP备2021013804号</a></footer>
		        </div>
			</div>
		</div>
    </main>

    <div class="back-to-top"></div>
	
    
 
	
	<!-- JavaScripts -->
	<script src="assets/js/jquery-3.4.1.min.js"></script>
	<script src="assets/js/plugins.min.js"></script>
    <script src="assets/js/common.js"></script>
    
	<script src="assets/demo/plugins-demo.js"></script>
</body>
</html>